import axios from 'axios'
import { Message } from 'element-ui'
import store from '@/store'
import router from '@/router'

// 创建axios副本
const _axios = axios.create({
  baseURL: process.env.VUE_APP_BASE_API
})
// 请求拦截
_axios.interceptors.request.use(
  config => {
    if (store.state.user.token) {
      config.headers.Authorization = `Bearer ${store.state.user.token}`
    }
    return config
  },
  error => {
    return Promise.reject(error)
  }
)
// 响应拦截
_axios.interceptors.response.use(
  res => {
    if (res.data.success) {
      return res.data
    } else {
      // 需求：如果用户在登录时输入账号或密码有错误，后端的接口返回状态还是200的情况下，需要在响应拦截成功里做统一错误处理，并阻断api调用后面的.then中代码的执行
      Message.error(res.data.message)
      //  阻断.then（await）后面的代码执行
      return Promise.reject(res.data.message)
    }
  },
  error => {
    // 401统一错误处理
    if (error.response && error.response.status === 401) {
      // 删除token
      store.commit('user/removeToken')
      // 跳转到登录页，登录后回跳至先前的页面
      router.push('/login?redirect=' + location.href.split('#')[1])
    }
    console.log([error])
    return Promise.reject(error)
  }
)
export default _axios
